<template>
    <!--顶部通栏-->
    <AppNavber/>
    <!--头部组件-->
    <AppHeader/>
     <!--内容容器-->
    <div class="app-body">
        <!-- 二级路由 -->
        <RouterView/>
    </div>

    <!--底部组件-->
    <AppFooter/>
    
</template>

<script>
import AppNavber from '@/components/app-navbar.vue'
import AppHeader from '@/components/app-header.vue'
import AppFooter from '@/components/app-footer.vue'
import {useStore} from 'vuex'
    export default{
        name:'Layout',
        components:{
            AppNavber,
            AppHeader,
            AppFooter
        },
        // 获取下分类数据
        setup(){
            const store=useStore()
            store.dispatch('category/getList');
        }
    }
</script>

<style scoped lang="less">
    .app-body{
        min-height: 600px;
    }
</style>